<template>
	<view class="content">
		<!-- 间隔条 -->
		<view class="plate-between"></view>
		<!-- 积分顶栏 -->
		<view class="myScore-header">
			<view class="wrap-info">
				<view>积分：<text class="score-number">5353</text></view>
				<view><icon type="" class="imgIcon icon-bean"/>灰豆：<text class="bean-number">5353</text></view>
			</view>
			<view class="wrap-button">
				<button class="common-btn btn-normal">说明</button>
				<button class="common-btn btn-important">记录</button>
			</view>
		</view>
		<!-- 商品列表 -->
		<view class="item-card-list">
			<!-- 筛选栏 -->
			<view class="list-sort-bar sort-controller">
				<view class="list-title">可兑换的物品:</view>
				<view class="wrap-controller">
					兑换方式：
					<button class="item-sort-btn selected">积分</button>｜
					<button class="item-sort-btn">灰豆</button>
				</view>
			</view>

			<view class="item-card">
				<view class="preview-img">
					<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
				</view>
				<view class="item-bottom-bar">
					<view class="item-name">黑胡桃木雪茄黑胡桃木雪茄</view>
					<view class="item-price">
						积分：<text class="score-number">1.2w</text>
					</view>
				</view>
			</view>
			<view class="item-card">
				<view class="preview-img">
					<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
				</view>
				<view class="item-bottom-bar">
					<view class="item-name">黑胡桃木雪茄黑胡桃木雪茄</view>
					<view class="item-price">
						积分：<text class="score-number">1.2w</text>
					</view>
				</view>
			</view>
			<view class="item-card">
				<view class="preview-img">
					<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
				</view>
				<view class="item-bottom-bar">
					<view class="item-name">黑胡桃木雪茄黑胡桃木雪茄</view>
					<view class="item-price">
						<icon type="" class="imgIcon icon-bean"></icon>
						灰豆：<text class="bean-number">1.2w</text>
					</view>
				</view>
			</view>
			<view class="item-card">
				<view class="preview-img">
					<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
				</view>
				<view class="item-bottom-bar">
					<view class="item-name">黑胡桃木雪茄黑胡桃木雪茄</view>
					<view class="item-price">
						积分：<text class="score-number">1.2w</text>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>
